.m-loading-type-ellipsis, .m-loading-type-default {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  justify-content: space-between; }

.m-loading-type-ellipsis-normal, .m-loading-type-default-normal {
  width: 50px;
  height: 15px; }

.m-loading-type-ellipsis-inner, .m-loading-type-default-inner {
  border-radius: 3px;
  box-sizing: border-box;
  background-size: 750% auto;
  background-position: 0 100%;
  background-image: -webkit-linear-gradient(135deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  background-image: -moz-linear-gradient(135deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  background-image: -ms-linear-gradient(135deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  background-image: -o-linear-gradient(135deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  background-image: linear-gradient(135deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
  -webkit-animation: m-loading-gradient 2s infinite linear;
  -ms-animation: m-loading-gradient 2s infinite linear;
  -o-animation: m-loading-gradient 2s infinite linear;
  -moz-animation: m-loading-gradient 2s infinite linear;
  animation: m-loading-gradient 2s infinite linear;
  border: 1px solid #cfcfcf; }

.m-loading-type-ellipsis-inner-normal, .m-loading-type-default-inner-normal {
  width: 14px;
  height: 14px; }

@keyframes m-loading-gradient {
  from {
    background-position: 0 0; }
  to {
    background-position: -750% 0; } }
